<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/productDetails.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script src="lib/jquery-3.2.1/jquery-3.2.1.min.js"></script>
    <title>商品情页</title>
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="logo"><img src="img/pc-img/logo.png" alt="" width="232" height="30"></div>
            <div class="search">
                <form action="" method="GET">
                    <input type="text" name="gjz" id="">
                    <button>
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        搜索
                    </button>
                </form>
            </div>
            <div class="info">
                <a href="#">发布信息</a>
                <a href="#">收费说明</a>
            </div>
        </div>

        <div></div>
        <div class="pagebody">
            <div class="left">
                <div class="nav">
                    <ul>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                        <li>
                            <a href="#"><img src="img/pc-img/household.png" alt="">首页</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="casemain">
            <div class="title-info">
                <h1>低价出售爱普生松下投影仪</h1>
                <p>
                    <span>2019-09-24 更新&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2369 次浏览</span>
                </p>
            </div>
            <div class="main-left ">
                <div class="left-pic">
                    <img src="img/pc-img/dx.jpg" width="348" height="273" alt="">
                </div>
                <div class="right-info">
                    <span>价格：</span> <span>800.00元</span>
                    <span>类别：</span> <span>投影仪</span>
                    <span>关键词：</span> <span>投影仪</span>
                    <span>区域：</span> <span>历下</span>
                    <span>联系人：</span> <span>吕女士</span>
                    <a onclick="show()" id="tel1">点击查看电话号码</a>
                    <div id="tel2" style="display: none;">12345676</div>
                </div>
            </div>
            <div class="main-right ">
                <img src="img/pc-img/tx.png " width="100 " height="100 " alt=" ">
                <span>昵称</span>

            </div>
            <div class="main-content">
                <p class="miaoshu">详情描述</p>
                <div class="article">
                    <p> 培训用的进口投影仪，成色好，投影清楚，配件齐全</p>
                    <p> 因闲置低价转让给需要的朋友。</p>
                    <h2>— — — — — — — — — — — — — — — — 图片描述— — — — — — — — — — — — — — — — — </h2>
                    <div class="imgs">
                        <img src="img/pc-img/p1.jpg" alt="" width="340" height="250">
                        <img src="img/pc-img/p2.jpg" alt="" width="340" height="250">
                        <img src="img/pc-img/p3.jpg" alt="" width="340" height="250">
                        <img src="img/pc-img/p4.jpg" alt="" width="340" height="250">
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom ">
            <p>山东省济南市高新区舜华路2000号舜泰广场1号楼东区15层</p>

            <p> 联系电话： 0531-88818816</p>
        </div>
    </div>
    <script>
        function show() {
            $('#tel1').css('display', 'none');
            $('#tel2').css('display', 'block');
        }
    </script>
</body>

</html>